@charset 'UTF-8';

.container {
    width: 1200px;
    margin: 0 auto;
}



@media screen and (min-width:1000px) {
    .enterprise_culture_warp {
        overflow: hidden;

        .main_pic {
            img {
                width: 100%;
                height: auto;
            }
        }

        .main_pic_b {
            visibility: visible;



            .container {
                padding-left: 0;
                padding-right: 0;
                position: relative;

                .cons {
                    .title {
                        margin-top: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px solid #ccc;
                        color: #6e7276;
                        h2 {
                            font-size: 26px;
                            margin-bottom: 0;
                        }
                    }

                    .con {
                        margin-top: 40px;

                        img {
                            width: 100%;
                            height: auto;
                        }
                    }
                }
            }
        }

        .culture1 {
            margin-top: 50px;
            background: #173c85;
            color: #fff;


            .container {
                padding-left: 0;
                padding-right: 0;
                position: relative;

                &::after {
                    position: absolute;
                    content: ' ';
                    background: url(../images/c_10.jpg) no-repeat;
                    background-size: 100% 100%;
                    width: 463px;
                    height: 110px;
                    right: 0;
                    top: 0;
                    // bottom: 0;   
                    margin-top: 0;
                }

                .title {
                    padding: 50px 0 0;
                    font-size: 17px;
                }

                ul {
                    overflow: hidden;
                    margin: 0 -20px;
                    padding: 50px 0;

                    li {
                        visibility: visible;
                        animation-duration: 1s;
                        animation-delay: 0.1s;
                        animation-name: bounceIn;
                        float: left;
                        width: 33.33%;

                        .con {
                            margin: 0 20px;
                            border: 4px solid #325393;
                            background: url(../images/c1.png) no-repeat;
                            background-position: center 90%;
                            padding: 30px;
                            padding-bottom: 15%;

                            h2 {
                                font-size: 32px;
                                margin-top: 10px;

                            }

                            p {
                                height: 112px;
                            }
                        }
                    }
                }
            }
        }

        .culture2 {
            background: #1b4391;
            color: #fff;


            .container {
                padding-left: 0;
                padding-right: 0;

                ul {
                    overflow: hidden;
                    margin: 0 -20px;
                    padding: 50px 0;

                    li {
                        visibility: visible;
                        animation-duration: 1s;
                        animation-delay: 0.1s;
                        animation-name: bounceIn;
                        float: left;
                        width: 33.33%;

                        .con {
                            margin: 0 20px;
                            border: 4px solid #325393;
                            background: url(../images/c1.png) no-repeat;
                            background-position: center 90%;
                            padding: 30px;
                            padding-bottom: 15%;

                            h2 {
                                font-size: 32px;
                                margin-top: 10px;

                            }

                            p {
                                height: 112px;
                            }
                        }
                    }
                }
            }
        }


    }
}

@media screen and (max-width:750px) {
    html {
        font-size: calc(100vw/7.5);
    }
    .container {
        width: 355px;
        margin: 0 auto;
        overflow: hidden;
    }
    .enterprise_culture_warp {
        overflow: hidden;

        .main_pic {
            position: relative;
            img {
                position: absolute;
                height: 150px;
                width: auto;
                left: 50%;
                margin-left: -365px;
            }
        }

        .main_pic_b {
            visibility: visible;
            margin-top: 150px;
            // overflow: hidden;

            .container {
                padding-left: 0;
                padding-right: 0;
                // position: relative;

                .cons {
                    // position: absolute;
                    // top: 0;
                    .title {
                        margin: 20px 0 30px;
                        // margin-top: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px solid #ccc;
                        color: #6e7276;
                        h2 {
                            font-size: 22px;
                        }
                    }

                    .con {
                        margin-top: 40px;

                        img {
                            width: 100%;
                            height: auto;
                        }
                    }
                }
            }
        }

        .culture1 {
            margin-top: 50px;
            background: #173c85;
            color: #fff;


            .container {
                padding-left: 0;
                padding-right: 0;
                position: relative;

                &::after {
                    position: absolute;
                    content: ' ';
                    background: url(../images/c_10.jpg) no-repeat;
                    background-size: 100% 100%;
                    width: 300px;
                    height: 60px;
                    right: 0;
                    top: 0;  
                    margin-top: 0;
                }

                .title {
                    padding: 50px 0 0;
                    font-size: 17px;
                }

                ul {
                    overflow: hidden;
                    margin: 0 -20px;
                    padding: 50px 0;

                    li {
                        visibility: visible;
                        animation-duration: 1s;
                        animation-delay: 0.1s;
                        animation-name: bounceIn;

                        .con {
                            margin: 0 20px;
                            border: 4px solid #325393;
                            background: url(../images/c1.png) no-repeat;
                            background-position: center 90%;
                            padding: 30px;
                            padding-bottom: 15%;

                            h2 {
                                font-size: 32px;
                                margin-top: 10px;

                            }

                            p {
                                height: 112px;
                            }
                        }
                    }
                }
            }
        }

        .culture2 {
            background: #1b4391;
            color: #fff;


            .container {
                padding-left: 0;
                padding-right: 0;

                ul {
                    overflow: hidden;
                    margin: 0 -20px;
                    padding: 50px 0;

                    li {
                        visibility: visible;
                        animation-duration: 1s;
                        animation-delay: 0.1s;
                        animation-name: bounceIn;

                        .con {
                            margin: 0 20px;
                            border: 4px solid #325393;
                            background: url(../images/c1.png) no-repeat;
                            background-position: center 90%;
                            padding: 30px;
                            padding-bottom: 15%;

                            h2 {
                                font-size: 32px;
                                margin-top: 10px;

                            }

                            p {
                                height: 112px;
                            }
                        }
                    }
                }
            }
        }


    }
}